<template>
  <button class="['but',type]"><slot></slot></button>
</template>

<script>
// 智慧发布，节目选择
export default {
  name: "Mybutton",

  data() {
    return {};
  },
  props: ["type"],
  mounted() {},

  methods: {},
};
</script>

<style  scoped>
.but {
  height: 38px;
  padding: 0 15px;
  border: none;
  outline: none;
}
.but.primary {
  background-color: blue;
  color: #fff;
}
.but.success {
  background-color: green;
  color: #fff;
}
.but.warning {
  background-color: orange;
  color: #333;
}
.but.danger {
  background-color: red;
  color: #fff;
}

</style>